
<template>
  <div class="payReturn-container">
      <div class="header">
		<div class="header_wrap">
			<img id="sys_logo" class="login" src="../../assets/img/logo_gray.png">
		</div>
	</div>
	<div class="content">
		<div class="box-icon"><i class="iconfont icon-shibai" style="color:#f00"></i></div>
		<div class="box-order">
			<div class="title">
				<!-- 感谢您，支付成功！ -->
                {{$t('payReturn.payError')}}
			</div>
			<ul class="info-wrap">
				<li>
                    <span>{{$t('pay.orderNumber')}}：</span>
                    <span class="value">{{`${$route.query.out_trade_no}`}}</span>
                </li>
			</ul>
			<p class="hint">
                {{$t('pay.returnPrompt')}}
            </p>
		</div>
	</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      
    }
  },

  computed: {},

  mounted(){

  },

  methods: {}
}

</script>
<style lang='less' >
    .payReturn-container{
        .header{
            height:100px;
            background:#fff;
            border-bottom:3px solid #ff9717;
        }
        .header>.header_wrap{
            margin:0 auto;
            padding: 23px 0;
            width:70%;
        }
        .content{
            margin: 20px auto;
            padding-top: 44px;
            width: 70%;
            background: #ffffff;
            min-height: 400px;
        }
        .box-icon{
            margin-left:35%;
            float:left;
            padding-right:20px;
        }
        .box-icon>.iconfont{
            font-size:55px;
            color:#00ca3f;
        }
        .box-order{
            float:left;
        }
        .box-order .title{
            font-size: 20px;
            margin-bottom:10px;
        }
        .box-order .info-wrap{
            line-height:30px;
            color:#555;
        }
        .box-order .hint{
            line-height:30px;
            font-weight:bold;
        }
    }
</style>